<template>
	<view>
		<view class="Modal_mask" @click.stop="closes"></view>
		<view class="Modal_Modal" :style="{ top: top, right: right }">
			<view><slot></slot></view>
		</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icon/uni-icon.vue';
export default {
	name: 'lkex-modal',
	components: { uniIcons },
	props: {
		top: {
			type: String,
		},
		right: {
			type: String
		},
		color: {
			type: String
		},
		background: {
			type: String
		},
		isShowClose: {
			type: Boolean,
			default: true
		}
	},
	data() {
		return {};
	},
	methods: {
		hideModal() {
			if (this.isMask) {
				this.$emit('close');
			}
		},
		closes() {
			this.$emit('close');
		}
	}
};
</script>

<style lang="scss">
.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9998;
}
.Modal_Modal {
	z-index: 9999;
	position: fixed;
	top: 122rpx;
	right: 26rpx;
	border-radius:6upx;
	background: #5e5c6a;
}
</style>
